<script setup lang="ts">
interface Props {
  imageUrl: string
  text?: string
  title: string
  description?: string
}
const props = defineProps<Props>()
</script>

<template>
  <div class="flex flex-row">
    <div class="image">
      <img :src="imageUrl" :alt="text" class="w-20 h-20">
    </div>

    <div class="w-full h-auto flex flex-col justify-around">
      <div class="flex flex-row justify-between">
        <div class="text-xl font-bold">
          {{ title }}
        </div>
      </div>
      <div class="text-xs w-full flex flex-row justify-between items-center text-gray-500">
        <div>
          ￥15起送 | ￥3配送
        </div>
      </div>
      <div class="text-xs w-full flex flex-row justify-between items-center text-gray-500">
        {{ description }}
      </div>


    </div>
  </div>
  <el-divider />
</template>
